<template>
    <div class="menu-list-item" :title="props.data.title">
        <router-link :to="props.data.path" class="router-link">
            <el-menu-item :index="props.data.path">
                <v-svg-icon :icon-name="props.data.icon" :color="props.data.iconColor" :style="props.svgStyle"></v-svg-icon>
                <span class="title" v-if="!props.isCollapse">{{ props.data.title }}</span>
            </el-menu-item>
        </router-link>
    </div>
</template>

<script lang="ts" setup>
import VSvgIcon from "@/components/SvgIcon/VSvgIcon.vue";
const props = defineProps<{
    data: any
    isCollapse: Boolean
    svgStyle: any
}>()
</script>
